<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../bootstrap-5.1.3-dist/css/bootstrap.css" rel="stylesheet">
    <script src="../bootstrap-5.1.3-dist/js/bootstrap.bundle.min.js"></script>
</head>

<body class="container">
    <h3 align="center">在分页中使用图标</h3>
    <ul class="pagination">
        <li class="page-item"><a class="page-link" href="#">首页</a></li>
        <li class="page-item">
            <a class="page-link" href="#"><span>&laquo;</span></a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item"><a class="page-link" href="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
            <a class="page-link" href="#"><span>&raquo;</span></a>
        </li>
        <li class="page-item"><a class="page-link" href="#">尾页</a></li>
    </ul>
</body>

</html>